<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/user.css">
    <script src="../js/axios.min.js"></script>
    <script src="../js/query.js"></script>
    <script src="../roomjs/user.js"></script>
</head>
<body>
<table border="1" cellspacing="0" width="100%">
    <thead>
    <tr><td>用户名</td><td>密码</td><td>真实姓名</td><td>等级</td><td>操作</td></tr>
    </thead>
    <tbody id="data">

    </tbody>

</table>
<div id="underDiv">
    <div id="addUserDiv">
        <input type="button" value="添加用户" onclick="showAddDiv()">
    </div>
</div>
<div id="addDiv" >
    <div>
        <h5>添加用户信息</h5>
    </div>
    <div>
        用户名<input type="text" id="userName"><span id="errorSpan"></span><br>
        真实姓名<input type="text" id="name"><br>
        用户等级<select id="gradeSelect"><option>班主任</option><option>房间管理员</option><option>系统管理员</option><option>超级管理员</option></select><br>
        <input type="button" value="添加" onclick="add()"> <input type="button" value="取消" onclick="exit()">
    </div>
</div>
<div id="updateDiv" >
    <div>
        <h5>修改用户信息</h5>
    </div>
    <div>
        <input type="hidden" id="id">
        用户名<span id="userNameSpan"></span><br>
        真实姓名<span id="nameSpan"></span><br>
        用户等级<select id="userSelect"><option>班主任</option><option>房间管理员</option><option>系统管理员</option><option>超级管理员</option></select><br>
        <input type="button" value="修改" onclick="changeUsers()"> <input type="button" value="取消" onclick="exit()">
    </div>
</div>
</body>
</html>